import styled from 'styled-components'

export const SettingWrapper = styled.div`
  ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    li {
      width: 150px;
      height: 35px;
      line-height: 35px;
      border-radius: 3px;
      text-align: center;
      border: 1px solid #ccc;
      margin: 0 13px;
      transition: transform 0.2s;
      :hover {
        transform: scale(1.01);
        cursor: pointer;
        span {
          color: rgb(90, 179, 179);
        }
      }
      span {
        font-size: 14px;
      }
    }
  }
`
